@charset "UTF-8";

// 设计图适配
$htmlFontSize: 32;
$dpr: 2;

// 定义颜色
$bodyBgColor: #f8f8f8;
$primaryBgColor: #006ef3;
$itemBgColor: #FFFFFF;
$SecondFontColor: #9c9b9b;
$aLinkColor: #5fa6fb;
$borderLineColor: #d1d1d1;

// 定义字体大小
$fontBigerSize: 18px;
$fontBigSize: 16px;
$fontMidSize: 14px;
$fontSmalSize: 12px;
$mediaRatio: 2px;

// 定义字体颜色
$primaryFontColor: #FFFFFF;
$secondFontColor: #fe9136;

// 定义单位
$primaryUnit: 1rem;

// 定义常用的方法
@function getRem($value) {
  @return $value / ($htmlFontSize*$dpr) * $primaryUnit;
}

@mixin setfont($rotio:0) {
  .fontSmalSize {
	font-size: $fontSmalSize + $mediaRatio*$rotio !important;
  }
  .fontMidSize {
	font-size: $fontMidSize + $mediaRatio*$rotio !important;
  }
  .fontBigSize {
	font-size: $fontBigSize + $mediaRatio*$rotio !important;
  }
  .fontBigerSize {
	font-size: $fontBigerSize + $mediaRatio*$rotio !important;
  }
}

@mixin mediaFunction() {
  @media only screen and (min-width: 320px) and (max-width: 375px) {
	@include setfont(0);
  }

  @media only screen and (min-width: 375px) and (max-width: 414px) {
	@include setfont(1);
  }

  @media only screen and (min-width: 414px) and (max-width: 640px) {
	@include setfont(2);
  }

  @media only screen and (min-width: 640px) and (max-width: 768px) {
	@include setfont(3);
  }

  @media screen and (min-width: 768px) {
	@include setfont(4);
  }
}



